import Vue from 'vue'
// 从组件库按需导入组件
import {
  Button,
  Form,
  FormItem,
  Input,
  Message,
  Container,
  Header,
  Aside,
  Main,
  // 导入侧边栏菜单区组件
  Menu,
  Submenu,
  MenuItem,
  // 面包屑导航组件
  Breadcrumb,
  BreadcrumbItem,
  Card,
  Row,
  Col,
  // 用户列表表格组件
  Table,
  TableColumn,
  Switch,
  Tooltip,

  Pagination,
  Dialog,
  MessageBox,
  Tag,
  Tree,

  Select,
  Option,
  Cascader,
  Alert,
  Tabs,
  TabPane,
  Steps,
  Step,
  CheckboxGroup,
  Checkbox,
  Upload
} from 'element-ui'

import Timeline from './timeline/index.js'
import TimelineItem from './timeline-item/index.js'

// 注册为全局可用的组件
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)

Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)

Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)

Vue.use(Card)
Vue.use(Row)
Vue.use(Col)

Vue.use(Table)
Vue.use(TableColumn)

Vue.use(Switch)
Vue.use(Tooltip)

Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)

Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
Vue.use(Upload)

Vue.use(Timeline)
Vue.use(TimelineItem)

// 把Message挂载为Vue原型对象上的一个属性
Vue.prototype.$message = Message

Vue.prototype.$confirm = MessageBox.confirm
